草庐IT

css - 使 div 可滚动

全部标签

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

javascript - 灯箱背景颜色应使用 CSS 覆盖整个屏幕

这是我的页面网址http://sample.com/mytest.php在此页面中,如果我们单击“登录”按钮,它将显示一个黑色背景的弹出屏幕。但是如果我们缩小页面,那么它会减小背景颜色的大小。但是如果我们缩小,我想覆盖整个屏幕的背景。我在我的页面中使用了下面的代码。.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:2000%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(

javascript - 在 D3.js 中注销缩放监听器并恢复滚动能力

我目前正在使用D3.js。这是为我的svg标签注册缩放监听器的代码varzoomListener=d3.behavior.zoom().scaleExtent([0.1,3]).on("zoom",zoom);functionzoom(){vis.attr("transform","translate("+d3.event.translate+")scale("+d3.event.scale+")");}svg.call(zoomListener)现在,当我在svg元素上滚动鼠标时,它会被缩放。但是当我像这样解除绑定(bind)缩放事件时zoomListener.on("zoom",n

javascript - 使用在每个 div 中的元素中找到的文本按搜索进行过滤

我找到了一个fiddle,它可用于根据搜索框中使用的文本隐藏文本,但无法弄清楚如何使此方法适应包含多个元素的div。我如何更改附加fiddle中的jQuery以使其过滤匹配输入的搜索而不是列表项中找到的文本的div元素?http://jsfiddle.net/point71echo/rof67uy6/2/applesapricotsacaiblueberrybananascherrycoconutdonutdureanapplesapricots这是使用的jQuery:$('#box').keyup(function(){varvalThis=$(this).val().toLower

javascript - 使用数据属性按字母顺序对 div 进行排序

我想使用数据属性值按字母顺序对htmldiv进行排序。我有以下代码,想知道如何实现olarksnapengagehelponclickhangoutsatlasshipchatchathipforcesugarsmscapsulehighrisenimblebatchbookcrmsolveinsightlypipelinershopifywordpressMagentovaralphabeticallyOrderedDivs=$('.value').sort(function(a,b){return$(a).attr('data-site')>$(b).attr('data-site

javascript - 获取 Selenium 中选定元素的所有 CSS 属性的值

假设我通过XPath使用以下方法找到了一个元素:WebElementwe=driver.findElement(By.xpath("someXPath"));我知道我可以通过we.getCssValue("someproperty")获取特定CSS属性的值,但是我可以获取所有属性的值而不必提及它们的名称吗明确? 最佳答案 不幸的是这对于原生SeleniumAPI是不可能的。但是使用Javascript你可以:您可以使用一些javascript支持,使用Seleniums的JavascriptExecutor.executeScrip

javascript - 图像加载后的 Jquery 延迟加载,不应用 css

我在jQueryLazy-DelayedContent,ImageandBackgroundLazyLoader中使用这个插件我试图在延迟加载后向图像添加图像边框颜色和图像边框厚度,但它似乎没有效果。如果我在开发人员控制台按“检查”,我可以看到此属性已添加到图像样式,但其效果未显示在屏幕上。HTMLJQuery$('img.lazy').Lazy({scrollDirection:'vertical',visibleOnly:false,afterLoad:function(element){element.css('border-width','thick');element.css

javascript - JQGrid 当 autowidth = true 时如何删除烦人的水平滚动条? (在浏览器中)

在IE中使用autowidth=true时,我似乎得到了一个恼人的水平滚动条这是怎么回事,我该如何摆脱它? 最佳答案 我得到了完美的解决方案。问题出在CSS中。在ui-jqgrid.css中,表格布局是固定的。将其设置为auto它将完美运行。我只是复制了同一个类,即.ui-jqgrid.ui-jqgrid-btable{table-layout:auto;} 关于javascript-JQGrid当autowidth=true时如何删除烦人的水平滚动条?(在浏览器中),我们在StackO

javascript - 需要将光标位置设置到 contentEditable div 的末尾,选择和范围对象问题

我暂时忘记了跨浏览器兼容性,我只是希望它能工作。我正在做的是尝试修改位于typegreek.com的脚本(您可能不需要知道这一点)找到基本脚本here.基本上它的作用是当您输入字符时,它将您输入的字符转换为希腊字符并将其打印到屏幕上。我想要做的是让它在contentEditablediv上工作(它只适用于Textareas)我的问题是这个函数:用户键入一个键,它被转换为希腊键,然后转到一个函数,它通过一些if排序,它最终到达的地方是我可以添加div支持的地方.这是我目前所拥有的,myField是div,myValue是希腊字符。//Getselectionobject...varuse

javascript - 奇数行和偶数行上的不同 CSS 样式

是否可以仅使用CSS在动态生成的表格的奇数行和偶数行上设置不同的样式,而无需我在迭代集合时在每一行上设置正确的样式? 最佳答案 我不确定这是否适用于跨浏览器,我自己更喜欢jQuery,但只有css-only这应该可以解决问题:tr:nth-child(even){...}tr:nth-child(odd){...} 关于javascript-奇数行和偶数行上的不同CSS样式,我们在StackOverflow上找到一个类似的问题: https://stackov